<template>
  <div class="xtx-home-page">
    <div class="container">
      <!-- 左侧分类 -->
      <HomeCategory />
      <!-- banner轮播图 -->
      <HomeBanner />
      <!-- 主题区域面板 -->
      <!-- 新品 -->
      <HomeNew />
      <!-- 热卖 -->
      <HomeHot />
      <!-- 最后 -->
      <HomeProduct />
    </div>
  </div>
</template>

<script>
// 导入=>分类+轮播 组件
import HomeCategory from './components/home-category.vue'
import HomeBanner from './components/home-banner.vue'
// 导入新鲜好物
import HomeNew from './components/home-new.vue'
import HomeHot from './components/home-hot.vue'
import HomeProduct from './components/home-product.vue'
export default {
  name: 'xtx-home-page',
  components: {
    HomeCategory,
    HomeBanner,
    HomeNew,
    HomeHot,
    HomeProduct
  },
  created () {
  }

}
</script>

<style scoped lang='less'>
// 手动引入less文件 =>使用定义的less全局变量
// @import "~@/style/variables.less";
// .xtx-home-page {
//   color: @xtxColor;
// }
</style>
